h4 {
	font-family: 'Quicksand', sans-serif;/* your styles go here */
	font-size: 2em;
	padding-top: 20px;
}


@media (max-width: 650px) {
		h4 {
			font-family: 'Quicksand', sans-serif;/* your styles go here */
			font-size: 1.2em;
			padding-top: 20px;
		}
}


@media (max-width: 375px) {
		h4 {
			font-family: 'Quicksand', sans-serif;/* your styles go here */
			font-size: 1em;
			padding-top: 20px;
		}
}
* {
	margin: 0px;
	padding: 0px;
  }
  html, body {
	height: 100%;
  }
  div {
	display: block;
	position: fixed;
  }
  
  .fullscreen {
	height: 100%;
	  overflow: hidden;
	  width: 100%;
  }

.footer_left{
	
	left: 64px;
	bottom:64px;

}

.footer_right{
	
	right: 64px;
	bottom:64px;

}

  .centered {
	height: 110%;
	width: 50%;
	left: 25%;
	  display: flex;
  justify-content: center;
  align-items: center;
	
  }
  .video {
  	  border-radius: 15px;
	  display: block;
	  left: 0px;
	  overflow: hidden;
	  padding-bottom: 56.25%; /* 56.25% = 16:9. set ratio */
	  position: absolute;
	  top: 50%;
	  width: 100%;
	  -webkit-transform-origin: 50% 0;
	  transform-origin: 50% 0;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
  }
  .video .wrapper {
	display: block;
	  height: 300%;
	  left: 0px;
	  overflow: hidden;
	  position: absolute;
	  top: 50%;
	  width: 100%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
  }
  .video iframe {
	display: block;
	  height: 100%;
	  width: 100%;
  }
  
  
  body {
	background-color: #1A1A1A;
	color: #D2AC39;

	font-family: 'Montserrat', sans-serif;
  }
  h1 {
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 24rem;
	z-index: 1;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
  }